<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <link rel="stylesheet" href="./../css/style.css">
  <link rel="stylesheet" href="./../css/page.css">
  <script src="./../js/jquery-3.3.1.min.js"></script>
  <script src="./../js/base.js"></script>
</head>
<body>

<header id="header" class="transiti" style="background-color: #add7ef;">
  <div class="header-wrap">
    <div class="logo">
      <a href="#" class="link-wrap"></a>
    </div>

    <div class="menu">
      <ul class="clearfix menu-wrap">
        <li class="menu-item link-hover" data-index="1"><a href="#" class="link">案例</a></li>
        <li class="menu-item link-hover" data-index="2"><a href="#" class="link">技术</a></li>
        <li class="menu-item link-hover" data-index="3"><a href="#" class="link">产品</a></li>
        <li class="menu-item"><a href="#" class="link">我们</a></li>
        <li class="menu-item link-hover" data-index="4"><a href="#" class="link">最新</a></li>
      </ul>
    </div>
  </div>

  <i class="line"></i>

  <div class="down-menu">
    <ul class="down-menu-wrap">
      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>
    </ul>
  </div>

  <div class="down-menu">
    <ul class="down-menu-wrap">
      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>


    </ul>
  </div>

  <div class="down-menu">
    <ul class="down-menu-wrap">
      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>


    </ul>
  </div>

  <div class="down-menu">
    <ul class="down-menu-wrap">
      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

    </ul>
  </div>
  <div class="down-menu">
    <ul class="down-menu-wrap">
      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>

      <li class="down-menu-item">
        <a href="#" class="link-wrap">
          <i class="fa fa-facebook"></i>
          <span class="text">菜单标题</span>
        </a>
      </li>
    </ul>
  </div>
</header>

<div class="page page1">

</div>

<div class="page2 contact">
  <div class="wrap clearfix">
    <div class="left fl">
      <h2 class="title">联系我们</h2>

      <div class="content">
        <p class="line">淘驰科技是一家专业从事生物空间净化系统工程服务以及提供各种生物环境中空气品质优化产品研发与技术服务的企业。</p>

        <p class="line">淘驰科技是一家专业从事生物空间净化系统工程服务以及提供各种生物环境中空气品质优化产品研发与技术服务的企业。</p>

        <p class="line">淘驰科技是一家专业从事生物空间净化系统工程服务以及提供各种生物环境中空气品质优化产品研发与技术服务的企业。</p>

        <p class="line">淘驰科技是一家专业从事生物空间净化系统工程服务以及提供各种生物环境中空气品质优化产品研发与技术服务的企业。</p>

        <p class="pic-wrap">
          <img src="./../images/pro.jpg" alt="..." />
        </p>
      </div>
    </div>

    <div class="right">
      <h2 class="title">联系方式</h2>
      <div class="side">
        <p class="line">
          <i class="fa fa-facebook"></i>
          <span class="text-content">深圳市福田区八卦四路41号425栋317室606室</span>
        </p>

        <p class="line">
          <i class="fa fa-facebook"></i>
          <span class="text-content">深圳市福田区八卦四路41号425栋317室606室</span>
        </p>

        <p class="line">
          <i class="fa fa-facebook"></i>
          <span class="text-content">深圳市福田区八卦四路41号425栋317室606室</span>
        </p>
      </div>
    </div>
  </div>
</div>

<div id="footer" class="dn">
  <div class="bottom">
    <div class="footer-menu">
      <ul class="clearfix footer-menu-wrap">
        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>售后</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>联系</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>购买</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>专利</a></li>

        <li class='footer-menu-item'>
          <a href="#" class="link"><i class="dot"></i>我们</a></li>
      </ul>
    </div>

    <div class="footer-ico">
      <a href="#" class="ico-item fa fa-facebook">

      </a>

      <a href="#" class="ico-item fa fa-twitter">

      </a>

      <a href="#" class="ico-item fa fa-wechat">

      </a>

      <a href="#" class="ico-item fa fa-qq">

      </a>
    </div>

    <div class="copy">
      底部版权
    </div>
  </div>
</div>

</body>
</html>